<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			body{
				background-color: lightgrey;
			}
			.maxbox{
				height: 1400px;
				width: 700px;
				margin: 0 auto;
			}
			.mixbox{
				width: 260px;
				height: 350px;
				background-color: white;
				float: left;
				margin: 0 20px 20px 0;
			}
			img{
				width: 240px;height: 240px;
				margin-left: 10px;
			}
			.title,.price{
				width: 240px;
				margin-left: 10px;
			}
			.title{
				margin: 20px 0 10px 10px;
			}
			.price{
				color: rgb(240,43, 43);
				font-size: 16px;
				font-weight: bold;
			}
		</style>
	</head>
	<body>
		<h2>苹果旗舰店</h2>
		<h4>品质甄选</h4>
		<div class="maxbox">
			<img src="" alt="" />
			<div class="title"></div>
			<div class="price">8999
			</div>
	    <div class="minbox">
			<img src="" alt="" />
			<div class="title"></div>
			<div class="price">8999
		</div>
		<div class="minbox">
			<img src="" alt="" />
			<div class="title"></div>
			<div class="price">8999
		</div>
		<div class="minbox">
			<img src="" alt="" />
			<div class="title"></div>
			<div class="price">8999
		</div>
		<div class="minbox">
			<img src="" alt="" />
			<div class="title"></div>
			<div class="price">8999
		</div>
		<div class="minbox">
			<img src="" alt="" />
			<div class="title"></div>
			<div class="price">8999
		</div>
		<div class="minbox">
			<img src="" alt="" />
			<div class="title"></div>
			<div class="price">8999
		</div>
		<div class="minbox">
			<img src="" alt="" />
			<div class="title"></div>
			<div class="price">8999
		</div>
		<div class="minbox">
			<img src="" alt="" />
			<div class="title"></div>
			<div class="price">8999
		</div>
		<div class="minbox">
			<img src="" alt="" />
			<div class="title"></div>
			<div class="price">8999
		</div>
		</div>
	</body>
</html>
